import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import './main.css'
const app = createApp(App)
app.use(ElementPlus)
// 使用require.context批量导入同一目录下的所有.vue文件
const requireComponent = require.context(
    // 组件所在的目录
    './components',
    // 是否查找子目录
    true,
    // 匹配以.vue结尾的文件
    /\.vue$/
);

requireComponent.keys().forEach(fileName => {
    // 获取组件配置
    if (fileName.includes('Index.vue')) {
        const componentConfig = requireComponent(fileName);
    
        // 获取组件的PascalCase命名
        let componentName = fileName.replace(/^\.\/(.*)\.\w+$/, '$1');
        componentName = componentName.split('/')[0]
        // 全局注册组件
        app.component(
            componentName,
            componentConfig.default || componentConfig
        );
    }
});
app.mount('#app')
export default {app}
